// 初始化jsplumb
var firstInstance = jsPlumb.getInstance()
// 设置连线和端点样式
var LineStyle = {
    //是否可以拖动（作为连线起点）
    isSource: true,
    //是否可以放置（连线终点）
    isTarget: true,
    //连线类型=>流程线：Flowchart、直线：Straight、贝塞尔：Bezier、曲线：curviness
    connector: "Flowchart",
    //端点的颜色样式
    paintStyle: {stroke: "black"},
    //设置端点的大小、css类名、浮动上去的css类名
    endpoint: ["Dot",{radius: 5,cssClass:"initial_endpoint",hoverClass:"hover_endpoint"}],
    //设置连线的颜色、粗细、间隔
    connectorStyle: {stroke: 'black', strokeWidth: "2", dashstyle: "0"},
    //设置连线hover颜色
    connectorHoverStyle:{stroke: "red"},
    // 设置端点最多可以连接几条线
    maxConnections : 2,
    // 设置连线中间的自定义节点和箭头
    connectorOverlays:[
        ["Custom", {
          create:function(component) {
            return $("<div class='event_node'><span class='glyphicon glyphicon-plus'></span></div>");                
          },
          //节点在线上的位置
          location:0.5,
          id:"customOverlay"
        }],
        ['Arrow',{
            width: 20,
            length: 12,
            location: 0.8
        }]
    ]
};